<template>
    <div>
        <p><img src="../assets/icon.png"/>详情<p>
        <button class="btn-1"><span>详情</span></button>
        <p class="p2">详情</p>

        <a class="u-btn"><img src="../assets/icon.png"/>详情</a>
    </div>
</template>
<style>
    body {
        background-color: #fefefe;
    }

    .u-btn{display:inline-block;border:1px solid #dcdcdc;boder-radius: 3px;padding:5px 10px;}

    /*第一种方法：button background-image*/
    .btn-1 {background:url('../assets/icon.png') left center no-repeat;background-size: 16px 16px;padding-left: 20px;}

    /**/
    .p2{background:url('../assets/icon.png') left center no-repeat;background-size: 16px 16px;padding-left: 20px;}
</style>
<script>
    export default{
        data(){
            return {

            }
        },
        components: {},
        compiled: function(){

        },
        methods: {
            getData1: function(){

            }
        }
    }
</script>